<!DOCTYPE html>
<html>
<head>
	<title>吸毒人员信息采集系统</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="./layui/css/layui.css" tppabs="./layui/css/layui.css"  media="all">

	<style>
		body {
			font-family: Arial, sans-serif;
			background-color: #f5f5f5;
			color: #333;
			margin: 0;
			padding: 0;
		}
		h1 {
			text-align: center;
			margin-top: 50px;
		}
		table {
			width: 80%;
			margin: 50px auto;
			border-collapse: collapse;
			background-color: #fff;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		}
		th, td {
			padding: 10px;
			text-align: left;
			border-bottom: 1px solid #ddd;
		}
		th {
			background-color: #f2f2f2;
		}body{
			font-size: 14px;
			font-family: Arial,Helvetica,sans-serif;
			background-color: #f3f3f3;
		}
		.container{
			margin: 20px auto;
			width: 40%;
			background-color: #fff;
			padding: 20px;
			box-shadow: 0px 0px 10px #888;
		}
		.section{
			margin-bottom: 20px;
		}
		.section-header{
			font-size: 18px;
			font-weight: bold;
			margin-bottom: 10px;
		}
		.section-content{
			margin-left: 20px;
			font-size: 16px;
			line-height: 1.5;
		}
		h1{
			text-align: center;
			font-size: 32px;
			font-weight: bold;
			margin-top: 0;
			margin-bottom: 20px;
			color: #2c3e50;
		}
		h2{
			font-size: 22px;
			font-weight: bold;
			margin-top: 0;
			margin-bottom: 10px;
			color: #2c3e50;
		}
		ul{
			list-style: none;
			padding-left: 0;
		}
		li{
			margin-bottom: 10px;
		}
		.bold{
			font-weight: bold;
		}
		.contact{
			margin-top: 20px;
			padding-top: 20px;
			border-top: 1px solid #ccc;
		}
		.contact ul{
			display: flex;
			flex-wrap: wrap;
			padding-left: 0;
		}
		.contact li{
			flex-basis: 50%;
		}
	</style>
</head>
<body>
 <ul class="layui-nav" lay-filter="" style="position: sticky;top: 0px;z-index:100">
      <li class="layui-nav-item"><a href="/index/1">展示区</a></li>
      <li class="layui-nav-item"><a href="/search_someone">查询区</a></li>
      <li class="layui-nav-item"><a href="/info_insert">采集区</a></li>
      <li class="layui-nav-item layui-this"><a href="/info_update">修改区</a></li>
      <li class="layui-nav-item"><a href="/analyse">分析区</a></li>
      <li class="layui-nav-item">
        <a href="javascript:;">退出系统</a>
        <dl class="layui-nav-child">
          <dd><a href="/exit">确认退出</a></dd>
        </dl>
      </li>
    </ul>
 {% if is_show == 0 %}
 <h1 style="margin-top: 20%;">未查到相关人员信息</h1>
 {% endif %}
 {% if  is_not_data %}
 <h1 style="margin-top: 20%;">还未查询过任何人的信息</h1>
 {% endif %}
 {% for i in result %}
	<form method="post" action="/info_update">
	<div class="container" style="position: relative">
		 <img src="./img/img.png" style="z-index:50;position: absolute;top:12%;right:15%;height: 150px;width: 120px;">
		<h1 style="color:red;">修改信息</h1>
		<div class="section">
			<input name="id" value="{{i[0]|safe}}" style="visibility:hidden;">
			<h2 class="section-header">个人信息</h2>
			<div class="section-content">
				<ul>
					<li><span class="bold">姓名：</span><input type="text" id="name" name="name" value="{{i[1]|safe}}"/></li>
					<li><span class="bold">性别：
					</span>
						<label>男</label>
					<input name="gender" value="1" id="boy" type="radio" {% if i[2] == 1 %} {{"checked"|safe}}{% endif %}>
						<label>女</label>
					<input name="gender" value="0" id="girl" type="radio" {% if i[2] == 0 %} {{"checked"|safe}}{% endif %}>
					</li>
					<li><span class="bold">年龄：</span><input type="text" id="age" name="age" value="{{i[3]|safe}}"/></li>
					<li><span class="bold">出生日期：</span><input type="text" id="birthdate" name="birthdate" value="{{i[4]|safe}}"/></li>
					<li><span class="bold">身份证号码：</span><input type="text" minlength="18" maxlength="18" id="id_number" name="id_number"  value="{{i[5]|safe}}"></li>
					<li><span class="bold">联系电话：</span><input type="text" minlength="11" maxlength="11" id="contact_info" name="contact_info" value="{{i[6]|safe}}"></li>
					<li><span class="bold">学历：</span>
						<label>小学</label>
					<input name="education_background" value="小学" id="primary_school" type="radio" {% if i[7] == "小学" %} {{"checked"|safe}}{% endif %}>
						<label>初中</label>
					<input name="education_background" value="初中" id="junior_high_school" type="radio" {% if i[7] == "初中" %} {{"checked"|safe}}{% endif %}>
						<label>高中</label>
					<input name="education_background" value="高中" id="senior_high_school" type="radio" {% if i[7] == "高中" %} {{"checked"|safe}}{% endif %}>
						<label>中专/职高</label>
					<input name="education_background" value="中专/职高" id="technical_secondary_school" type="radio" {% if i[7] == "中专/职高" %} {{"checked"|safe}}{% endif %}>
						<label>大专</label>
					<input name="education_background" value="大专" id="junior_college" type="radio" {% if i[7] == "大专" %} {{"checked"|safe}}{% endif %}>
						<label>本科</label>
					<input name="education_background" value="本科" id="regular_college_course" type="radio" {% if i[7] == "本科" %} {{"checked"|safe}}{% endif %}>
						<label>硕士</label>
					<input name="education_background" value="硕士" id="master" type="radio" {% if i[7] == "硕士" %} {{"checked"|safe}}{% endif %}>
						<label>博士</label>
					<input name="education_background" value="博士" id="doctor" type="radio" {% if i[7] == "博士" %} {{"checked"|safe}}{% endif %}>
					</li>
					<li><span class="bold">工作：</span><input type="text" id="occupation" name="occupation"  value="{{i[8]|safe}}"/></li>
					<li><span class="bold">经济情况：</span>
						<!--'较差', '一般', '良好', '优秀'-->
							<label>较差</label>
						<input name="economic_status" value="较差"  type="radio"  {% if i[10] == "较差" %} {{"checked"|safe}}{% endif %}>
							<label>一般</label>
						<input name="economic_status" value="一般" type="radio"  {% if i[10] == "一般" %} {{"checked"|safe}}{% endif %}>
							<label>良好</label>
						<input name="economic_status" value="良好" type="radio"  {% if i[10] == "良好" %} {{"checked"|safe}}{% endif %}>
							<label>优秀</label>
						<input name="economic_status" value="优秀" type="radio"  {% if i[10] == "优秀" %} {{"checked"|safe}}{% endif %}>
					</li>
					<h2 class="section-header">家庭信息</h2>
					<li><span class="bold">经济情况：</span>
							<label>差</label>
						<input name="family_economic_status" value="差"  type="radio"   {% if i[12] == "差" %} {{"checked"|safe}}{% endif %}>
							<label>很差</label>
						<input name="family_economic_status" value="很差" type="radio"  {% if i[12] == "很差" %} {{"checked"|safe}}{% endif %}>
							<label>极差</label>
						<input name="family_economic_status" value="极差" type="radio"  {% if i[12] == "极差" %} {{"checked"|safe}}{% endif %}>
							<label>普通</label>
						<input name="family_economic_status" value="普通" type="radio"  {% if i[12] == "普通" %} {{"checked"|safe}}{% endif %}>
							<label>还行</label>
						<input name="family_economic_status" value="还行" type="radio"  {% if i[12] == "还行" %} {{"checked"|safe}}{% endif %}>
							<label>一般</label>
						<input name="family_economic_status" value="一般" type="radio"  {% if i[12] == "一般" %} {{"checked"|safe}}{% endif %}>
							<label>好</label>
						<input name="family_economic_status" value="好" type="radio"  {% if i[12] == "好" %} {{"checked"|safe}}{% endif %}>
							<label>很好</label>
						<input name="family_economic_status" value="很好" type="radio"  {% if i[12] == "很好" %} {{"checked"|safe}}{% endif %}>
							<label>极好</label>
						<input name="family_economic_status" value="极好" type="radio"  {% if i[12] == "极好" %} {{"checked"|safe}}{% endif %}>


					</li>

					<li><span class="bold">成员职业：</span>
							<label>差</label>
						<input name="family_member_occupation" value="差"  type="radio"   {% if i[13] == "差" %} {{"checked"|safe}}{% endif %}>
							<label>很差</label>
						<input name="family_member_occupation" value="很差" type="radio"  {% if i[13] == "很差" %} {{"checked"|safe}}{% endif %}>
							<label>极差</label>
						<input name="family_member_occupation" value="极差" type="radio"  {% if i[13] == "极差" %} {{"checked"|safe}}{% endif %}>
							<label>普通</label>
						<input name="family_member_occupation" value="普通" type="radio"  {% if i[13] == "普通" %} {{"checked"|safe}}{% endif %}>
							<label>还行</label>
						<input name="family_member_occupation" value="还行" type="radio"  {% if i[13] == "还行" %} {{"checked"|safe}}{% endif %}>
							<label>一般</label>
						<input name="family_member_occupation" value="一般" type="radio"  {% if i[13] == "一般" %} {{"checked"|safe}}{% endif %}>
							<label>好</label>
						<input name="family_member_occupation" value="好" type="radio"  {% if i[13] == "好" %} {{"checked"|safe}}{% endif %}>
							<label>很好</label>
						<input name="family_member_occupation" value="很好" type="radio"  {% if i[13] == "很好" %} {{"checked"|safe}}{% endif %}>
							<label>极好</label>
						<input name="family_member_occupation" value="极好" type="radio"  {% if i[13] == "极好" %} {{"checked"|safe}}{% endif %}>



					</li>
					<li><span class="bold">教育水平：</span>
							<label>差</label>
						<input name="education_level" value="差"  type="radio"   {% if i[14] == "差" %} {{"checked"|safe}}{% endif %}>
							<label>很差</label>
						<input name="education_level" value="很差" type="radio"  {% if i[14] == "很差" %} {{"checked"|safe}}{% endif %}>
							<label>极差</label>
						<input name="education_level" value="极差" type="radio"  {% if i[14] == "极差" %} {{"checked"|safe}}{% endif %}>
							<label>普通</label>
						<input name="education_level" value="普通" type="radio"  {% if i[14] == "普通" %} {{"checked"|safe}}{% endif %}>
							<label>还行</label>
						<input name="education_level" value="还行" type="radio"  {% if i[14] == "还行" %} {{"checked"|safe}}{% endif %}>
							<label>一般</label>
						<input name="education_level" value="一般" type="radio"  {% if i[14] == "一般" %} {{"checked"|safe}}{% endif %}>
							<label>好</label>
						<input name="education_level" value="好" type="radio"  {% if i[14] == "好" %} {{"checked"|safe}}{% endif %}>
							<label>很好</label>
						<input name="education_level" value="很好" type="radio"  {% if i[14] == "很好" %} {{"checked"|safe}}{% endif %}>
							<label>极好</label>
						<input name="education_level" value="极好" type="radio"  {% if i[14] == "极好" %} {{"checked"|safe}}{% endif %}>



					</li>
					<li><span class="bold">家庭地位：</span>
							<label>差</label>
						<input name="family_status" value="差"  type="radio"   {% if i[15] == "差" %} {{"checked"|safe}}{% endif %}>
							<label>很差</label>
						<input name="family_status" value="很差" type="radio"  {% if i[15] == "很差" %} {{"checked"|safe}}{% endif %}>
							<label>极差</label>
						<input name="family_status" value="极差" type="radio"  {% if i[15] == "极差" %} {{"checked"|safe}}{% endif %}>
							<label>普通</label>
						<input name="family_status" value="普通" type="radio"  {% if i[15] == "普通" %} {{"checked"|safe}}{% endif %}>
							<label>还行</label>
						<input name="family_status" value="还行" type="radio"  {% if i[15] == "还行" %} {{"checked"|safe}}{% endif %}>
							<label>一般</label>
						<input name="family_status" value="一般" type="radio"  {% if i[15] == "一般" %} {{"checked"|safe}}{% endif %}>
							<label>好</label>
						<input name="family_status" value="好" type="radio"  {% if i[15] == "好" %} {{"checked"|safe}}{% endif %}>
							<label>很好</label>
						<input name="family_status" value="很好" type="radio"  {% if i[15] == "很好" %} {{"checked"|safe}}{% endif %}>
							<label>极好</label>
						<input name="family_status" value="极好" type="radio"  {% if i[15] == "极好" %} {{"checked"|safe}}{% endif %}>

					</li>
					<li><span class="bold">社交圈：</span>
					</li>
					<textarea name="social_circle" maxlength="1000" style="resize:none;width:95%;height:30vh;">{{i[11]|safe}}</textarea>
				</ul>
				<button type="submit" style="width: 100px;height:40px;text-align:center;margin-left: 40%;margin-top:10px;">保存</button>
			</div>
		</div>
	</div>
	</form>
	{% endfor %}
</body>
<script src="./../layui/layui.js" charset="utf-8"></script>
</html>
